// 创建一个路由器，并暴露出去

// 第一步：导入 createRouter 方法
import { createRouter, createWebHistory } from 'vue-router'

import Home from '@/pages/Home.vue'
import About from '@/pages/About.vue'
import News from '@/pages/News.vue'
import Detail from '@/pages/Detail.vue'

// 第二步：创建路由器
const router = createRouter({
  history: createWebHistory(), // 路由器的工作模式，vue3要有
  routes: [
    {
      name: '主页',
      path: '/home',
      component: Home
    },
    {
      name: '新闻',
      path: '/news',
      component: News,
      children: [
        {
          name: '详情',
          path: 'detail/:id/:title/:content?', // 子级不用写斜杠/ // content? 加问号，代表可传可不传
          component: Detail
        }
      ]
    },
    {
      name: '关于',
      path: '/about',
      component: About
    }
  ]
})

export default router
